@primaryColor: #00afce;
@SEC: #edf6fa;    //次要颜色
@secColor: @SEC;


@red: #ff0707;
@yellow: #f8753b;

@support: #999999;
@bc: #edf6fa;
@borderColor: #ddd;

/* 字体颜色 text color */
@tc: #333;

/*
字体大小:
S
M
L
XL
*/
@FSS: 2vw;
@FMS: 2.8vw;
@FS: 3.5vw;
@FM: 4vw;
@FL: 5vw;
@FXL: 8vw;

/* --------------- margin size ------------------- */
@MS: 1vw;
@MM: 2.5vw;
@ML: 5vw;
@MXL: 7vw;

//border color
@BDC: #dddddd;
@bdColor: #ddd;

.header {
  padding: @ML 0;

  img {
    margin: 0 auto;
    width: 20vw;
    height: auto;
    display: block;
  }

  h3 {
    padding-top: @MM;
    text-align: center;

    font-size: @FM;
    font-weight: normal;
    line-height: 1.8;
  }
}

.line {
  height: 1px;
  background: @bdColor;
}

.mbody {
  padding: @MM;

  h3 {
    font-size: @FM;
  }

  .items {

  }

  .item {
    margin-top: 30px;
    position: relative;
    padding: @MS @MM;
    border: 2px solid @primaryColor;
    background: @secColor;

    h3 {
      font-size: @FM;
      font-weight: normal;
      color: @tc;
    }

    p {
      color: @support;
    }
  }

  .btn {
    position: absolute;
    right: 5%;
    top: 0;
    bottom: 0;

    margin: auto 0;
    height: 50px;
    line-height: 50px;
    width: 120px;

    background: @primaryColor;
    color: #FFF;
    text-align: center;
    display: block;
  }
}

.help-text {
  margin-top: 40px;
  padding-bottom: @MM;
  font-size: @FS;
  line-height: 1.5;
  color: @support;
}
